<template>
  <section class="service-features py-12 bg-white">
    <div class="container grid grid-cols-1 md:grid-cols-3 gap-8">
      <el-card shadow="hover">
        <template #header>
          <el-icon><i class="el-icon-download"></i></el-icon>
        </template>
        <h3 class="text-lg font-semibold mb-2">即时下载</h3>
        <p class="text-neutral">购买后立即下载高清PDF乐谱，支持多设备访问</p>
      </el-card>
      <el-card shadow="hover">
        <template #header>
          <el-icon><i class="el-icon-music"></i></el-icon>
        </template>
        <h3 class="text-lg font-semibold mb-2">海量曲库</h3>
        <p class="text-neutral">超过100,000份乐谱，涵盖所有乐器和音乐风格</p>
      </el-card>
      <el-card shadow="hover">
        <template #header>
          <el-icon><i class="el-icon-s-check"></i></el-icon>
        </template>
        <h3 class="text-lg font-semibold mb-2">正版保障</h3>
        <p class="text-neutral">所有乐谱均经版权认证，确保合法使用</p>
      </el-card>
    </div>
  </section>
</template>

<script setup>
  // 无需复杂逻辑
</script>

<style scoped>
  .service-features {
    background: #fff;
  }
  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
  }
</style>
